{% extends "templates/base.phtml" %}
{%block content%}
{% if wxc is defined %}
<div class="page-content-wrap">
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default tabs">
                <ul class="nav nav-tabs" role="tablist">
                    <li><a href="/admin/appvote">投票列表</a></li>
                    <li class="active"><a >投票详情</a></li>
                    <!--    <li><a href="admin/appact/detail">报名管理</a></li>-->
                </ul>
                <div class="panel-body tab-content">
                    <div class="tab-pane active">
                        <div class="col-md-12">
                            <div class="col-md-12 col-xs-6 pull-left">
                                <h3>投票结果</h3>

                                <div class="form-group">
                                    <label class="col-md-1 col-xs-5 control-label">URL：</label>
                                    <div class="col-md-6 col-xs-5 ">
                                        <div class="input-group ">
                                            <span class="input-group-addon"><span class="fa fa-pencil"></span></span>
                                            <input type="text" class="form-control " value="{{voteUrl}}" >
                                        </div>
                                    </div>
                                    <a class="btn btn-success pull-right" href="{{voteUrl}}">预览</a>
                                </div>
                            </div>
                            <div class="form-horizontal">
                                <div class="panel panel-default">
                                    <div class="panel-body def-pan-bd">
                                        <div class="col-bd col-md-12 col-xs-12">
                                            <div class="col-md-12 form-horizontal">
                                                <div class="panel-body">
                                                    <div class="row">
                                                        {%for voteOption in voteoptions%}
                                                        <div class="form-horizontal col-md-12 app-wrap">
                                                            <div class="col-md-2 col-sm-2 app-img" {%if vote.state==1%}style="display: none"{%endif%}>
                                                                <img  src="{{voteOption.pic}}"/>
                                                            </div>
                                                            <div class="col-md-8 col-sm-8 app-detail-wrap">
                                                                <div class="col-md-12 app-name">
                                                                    <h4>{{voteOption.option}}</h4>
                                                                </div>
                                                                <div class="col-md-12 app-time">
                                                                    <h5>{{voteOption.count}}票</h5>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        {%endfor%}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{%endif%}
{%endblock%}
{%block end%}
<style type="text/css">
    .control-label{
        position: relative;
        top:6px;
        left: 35px;
    }
    .app-wrap{
        padding: 5px 0px;
        border-bottom: 1px solid #E5E5E5;
    }
    .app-img{
        overflow: hidden;
        max-height: 150px;
    }
    .app-img img{
        width: 80%;
        height: auto;
    }
    .app-detail-wrap{
        margin-top: 5px;
    }
    .buy-wrap{
        padding-top: 1.5em;
    }
    .price *{
        color:#3FBAE4;
    }
    .detail{
        text-align:center;
    }
    .delete{
        padding-left: 20em;
    }
</style>
{%endblock%}